<style>
#play {
	width:100%;
	height:100%;
}
#scene,#missbox,#model{
	width:100%;
	height:100%;
}
#missbox,#model{
	position:absolute;
	z-index:10;
	display: none;
	left:0;
	top:0;
}
.play_content #top-pic,.play_content #bottom-pic{
	position: relative;
	height:100%;
	line-height: 0;
}
.play_content img{
	width:100%;
	height:100%;
}
.play_content .pic-layer{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#miss{
	background-image: url(../img/miss.png);
	background-size: 100% 100%;
	width:13.3%;
	height:9%;
	position: absolute;
	z-index: 100;
}
.show{
	display: block!important;
	opacity: 1;
}
.ani{
	animation-name:light;
 	animation-duration: 3s;
  	animation-timing-function: linear;
}
footer{
	background-color: #5c5c5c;
	height:100%;
}
@keyframes light{
	0%{opacity: 1}
	25%{opacity: 0}
	50%{opacity: 1}
	75%{opacity: 0}
	100%{opacity: 1}
}
</style>

<div id="play">
	<div id="scene">
		<section class="play_content">
			<div id="top-pic"> 
				
			</div>
			<div id="bottom-pic"> 
			
			</div>
		</section>
		<footer>
			
		</footer>
	</div>
	
	<div id="missbox">
		<div id="miss" class="ani">
			
		</div>
	</div>

	<div id="model">
		<div>
			<p></p>
			<p><span></span></p>
		</div>
		<div>
			<a href=""><span></span></a>
			<a href=""><span></span></a>
		</div>
	</div>
</div>
